﻿<%@ Page Language="C#" MasterPageFile="~/Samples.master"  Codebehind="Menu.aspx.cs"
	Inherits="Sample.Menu" Title="Folks Menu Sample" %>

<asp:Content ID="menuContent1" ContentPlaceHolderID="bodyContentPlaceHolder" runat="server">
	<div id="app">
		<h3>Menu</h3>
		<folks:FolksContainer ID="FolksContainer1" runat="server">
			<asp:Menu rel="folks" ID="sampleMenu" runat="server" BackColor="#FFFBD6" DynamicHorizontalOffset="2"
				Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000" OnMenuItemClick="sampleMenu_MenuItemClick"
				StaticSubMenuIndent="10px" Orientation="Horizontal">
				<StaticSelectedStyle BackColor="#FFCC66" />
				<StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
				<DynamicHoverStyle BackColor="#990000" ForeColor="White" />
				<DynamicMenuStyle BackColor="#FFFBD6" />
				<DynamicSelectedStyle BackColor="#FFCC66" />
				<DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
				<StaticHoverStyle BackColor="#990000" ForeColor="White" />
				<Items>
					<asp:MenuItem Text="1 Item" Value="1 Item">
						<asp:MenuItem Text="1.1 Item" Value="1.1 Item"></asp:MenuItem>
						<asp:MenuItem Text="1.2 Item" Value="1.2 Item"></asp:MenuItem>
					</asp:MenuItem>
					<asp:MenuItem Text="2 Item" Value="2 Item">
						<asp:MenuItem Text="2.1 Item" Value="2.1 Item"></asp:MenuItem>
						<asp:MenuItem Text="2.2 Item" Value="2.2 Item">
							<asp:MenuItem Text="2.2.1 Item" Value="2.2.1 Item">
								<asp:MenuItem Text="2.2.1.1 Item" Value="2.2.1.1 Item"></asp:MenuItem>
							</asp:MenuItem>
							<asp:MenuItem Text="2.2.2 Item" Value="2.2.2 Item"></asp:MenuItem>
							<asp:MenuItem Text="2.2.3 Item" Value="2.2.3 Item"></asp:MenuItem>
						</asp:MenuItem>
					</asp:MenuItem>
					<asp:MenuItem Text="3 Item" Value="3 Item"></asp:MenuItem>
					<asp:MenuItem Text="4 Item" Value="4 Item"></asp:MenuItem>
				</Items>
			</asp:Menu>
			<hr size="1" />
			<asp:Label ID="menuLabel" runat="server"></asp:Label>
		</folks:FolksContainer>
	</div>
	<div id="aspx">
		<h4>ASPX</h4>
		<pre class="code_fixed sh_html">
			<strong>
&lt;folks:FolksContainer ID="FolksContainer2" runat="server"&gt;</strong>
	&lt;asp:Menu ID="Menu1" runat="server" BackColor="#FFFBD6" DynamicHorizontalOffset="2"
		Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000" OnMenuItemClick="sampleMenu_MenuItemClick"
		StaticSubMenuIndent="10px" Orientation="Horizontal"&gt;
		&lt;StaticSelectedStyle BackColor="#FFCC66" /&gt;
		&lt;StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /&gt;
		&lt;DynamicHoverStyle BackColor="#990000" ForeColor="White" /&gt;
		&lt;DynamicMenuStyle BackColor="#FFFBD6" /&gt;
		&lt;DynamicSelectedStyle BackColor="#FFCC66" /&gt;
		&lt;DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /&gt;
		&lt;StaticHoverStyle BackColor="#990000" ForeColor="White" /&gt;
		&lt;Items&gt;
			&lt;asp:MenuItem Text="1 Item" Value="1 Item"&gt;
				&lt;asp:MenuItem Text="1.1 Item" Value="1.1 Item"&gt;&lt;/asp:MenuItem&gt;
				&lt;asp:MenuItem Text="1.2 Item" Value="1.2 Item"&gt;&lt;/asp:MenuItem&gt;
			&lt;/asp:MenuItem&gt;
			&lt;asp:MenuItem Text="2 Item" Value="2 Item"&gt;
				&lt;asp:MenuItem Text="2.1 Item" Value="2.1 Item"&gt;&lt;/asp:MenuItem&gt;
				&lt;asp:MenuItem Text="2.2 Item" Value="2.2 Item"&gt;
					&lt;asp:MenuItem Text="2.2.1 Item" Value="2.2.1 Item"&gt;
						&lt;asp:MenuItem Text="2.2.1.1 Item" Value="2.2.1.1 Item"&gt;&lt;/asp:MenuItem&gt;
					&lt;/asp:MenuItem&gt;
					&lt;asp:MenuItem Text="2.2.2 Item" Value="2.2.2 Item"&gt;&lt;/asp:MenuItem&gt;
					&lt;asp:MenuItem Text="2.2.3 Item" Value="2.2.3 Item"&gt;&lt;/asp:MenuItem&gt;
				&lt;/asp:MenuItem&gt;
			&lt;/asp:MenuItem&gt;
			&lt;asp:MenuItem Text="3 Item" Value="3 Item"&gt;&lt;/asp:MenuItem&gt;
			&lt;asp:MenuItem Text="4 Item" Value="4 Item"&gt;&lt;/asp:MenuItem&gt;
		&lt;/Items&gt;
	&lt;/asp:Menu&gt;
	&lt;hr size="1" /&gt;
	&lt;asp:Label ID="Label1" runat="server"&gt;&lt;/asp:Label&gt;
			<strong>
&lt;/folks:FolksContainer&gt;</strong>
		</pre>
	</div>
	<div id="source">
		<h4>Source</h4>
		<pre class="code sh_csharp">
namespace Sample
{
	public partial class Menu : System.Web.UI.Page
	{
		protected void sampleMenu_MenuItemClick(object sender, MenuEventArgs e)
		{
			menuLabel.Text = e.Item.Text;
		}
	}
}
		</pre>
	</div>
</asp:Content>
